<!doctype html>
<html class="no-js" lang="zh" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Data Table | Kiaalap - Kiaalap Admin Template</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- favicon
		============================================ -->
    <link rel="shortcut icon" type="image/x-icon" href="/static/img/favicon.ico">
    <!-- Google Fonts
		============================================ -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900" rel="stylesheet">
    <!-- Bootstrap CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
    <!-- Bootstrap CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/font-awesome.min.css">
    <!-- owl.carousel CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/owl.carousel.css">
    <link rel="stylesheet" href="/static/css/owl.theme.css">
    <link rel="stylesheet" href="/static/css/owl.transitions.css">
    <!-- animate CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/animate.css">
    <!-- normalize CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/normalize.css">
    <!-- meanmenu icon CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/meanmenu.min.css">
    <!-- main CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/main.css">
    <!-- educate icon CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/educate-custon-icon.css">
    <!-- morrisjs CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/morrisjs/morris.css">
    <!-- mCustomScrollbar CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/scrollbar/jquery.mCustomScrollbar.min.css">
    <!-- metisMenu CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/metisMenu/metisMenu.min.css">
    <link rel="stylesheet" href="/static/css/metisMenu/metisMenu-vertical.css">
    <!-- calendar CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/calendar/fullcalendar.min.css">
    <link rel="stylesheet" href="/static/css/calendar/fullcalendar.print.min.css">
    <!-- x-editor CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/editor/select2.css">
    <link rel="stylesheet" href="/static/css/editor/datetimepicker.css">
    <link rel="stylesheet" href="/static/css/editor/bootstrap-editable.css">
    <link rel="stylesheet" href="/static/css/editor/x-editor-style.css">
    <!-- normalize CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/data-table/bootstrap-table.css">
    <link rel="stylesheet" href="/static/css/data-table/bootstrap-editable.css">
    <!-- style CSS
		============================================ -->
    <link rel="stylesheet" href="/static/style.css">
    <!-- responsive CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/responsive.css">
    <!-- modernizr JS
		============================================ -->
    <script src="/static/js/vendor/modernizr-2.8.3.min.js"></script>
</head>

<body>
<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="sparkline12-list">
            <div class="sparkline12-hd">
                <div class="main-sparkline12-hd">
                    <h1>新增安保/信息科</h1>
                </div>
            </div>
            <div class="sparkline12-graph">
                <div class="basic-login-form-ad">
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <div class="all-form-element-inner">
                                <form action="#">
                                    <div class="form-group-inner">
                                        <div class="row">
                                            <div class="col-lg-3">
                                                <label class="login2 pull-right pull-right-pro">登录账号：</label>
                                            </div>
                                            <div class="col-lg-6">
                                                <input type="text" class="form-control"/>
                                            </div>
                                            <div class="col-lg-3">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group-inner">
                                        <div class="row">
                                            <div class="col-lg-3">
                                                <label class="login2 pull-right pull-right-pro">账号密码：</label>
                                            </div>
                                            <div class="col-lg-6">
                                                <input type="text" class="form-control"/>
                                            </div>
                                            <div class="col-lg-3">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group-inner">
                                        <div class="row">
                                            <div class="col-lg-3">
                                                <label class="login2 pull-right pull-right-pro">员工姓名：</label>
                                            </div>
                                            <div class="col-lg-6">
                                                <input type="text" class="form-control"/>
                                            </div>
                                            <div class="col-lg-3">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group-inner">
                                        <div class="row">
                                            <div class="col-lg-3">
                                                <label class="login2 pull-right pull-right-pro">手机号码：</label>
                                            </div>
                                            <div class="col-lg-6">
                                                <input type="text" class="form-control"/>
                                            </div>
                                            <div class="col-lg-3">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group-inner">
                                        <div class="row">
                                            <div class="col-lg-3">
                                                <label class="login2 pull-right pull-right-pro">邮箱地址：</label>
                                            </div>
                                            <div class="col-lg-6">
                                                <input type="text" class="form-control"/>
                                            </div>
                                            <div class="col-lg-3">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group-inner">
                                        <div class="row">
                                            <div class="col-lg-3">
                                                <label class="login2 pull-right pull-right-pro">所属部门：</label>
                                            </div>
                                            <div class="col-lg-6">
                                                <input type="text" class="form-control"/>
                                            </div>
                                            <div class="col-lg-3">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group-inner">
                                        <div class="row">
                                            <div class="col-lg-3">
                                                <label class="login2 pull-right pull-right-pro">当前角色：</label>
                                            </div>
                                            <div class="col-lg-6">
                                                <input type="text" class="form-control"/>
                                            </div>
                                            <div class="col-lg-3">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group-inner">
                                        <div class="row">
                                            <div class="col-lg-3">
                                                <label class="login2 pull-right pull-right-pro">员工工号：</label>
                                            </div>
                                            <div class="col-lg-6">
                                                <input type="text" class="form-control"/>
                                            </div>
                                            <div class="col-lg-3">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group-inner">
                                        <div class="login-btn-inner">
                                            <div class="row">
                                                <div class="col-lg-3"></div>
                                                <div class="col-lg-9">
                                                    <div class="login-horizental cancel-wp pull-left form-bc-ele">
                                                        <button class="btn btn-white" type="submit">提交</button>
                                                        <button class="btn btn-sm btn-primary login-submit-cs"
                                                                type="submit">重置
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- jquery
    ============================================ -->
<script src="/static/js/vendor/jquery-1.12.4.min.js"></script>
<!-- bootstrap JS
    ============================================ -->
<script src="/static/js/bootstrap.min.js"></script>
<!-- wow JS
    ============================================ -->
<script src="/static/js/wow.min.js"></script>
<!-- price-slider JS
    ============================================ -->
<script src="/static/js/jquery-price-slider.js"></script>
<!-- meanmenu JS
    ============================================ -->
<script src="/static/js/jquery.meanmenu.js"></script>
<!-- owl.carousel JS
    ============================================ -->
<script src="/static/js/owl.carousel.min.js"></script>
<!-- sticky JS
    ============================================ -->
<script src="/static/js/jquery.sticky.js"></script>
<!-- scrollUp JS
    ============================================ -->
<script src="/static/js/jquery.scrollUp.min.js"></script>
<!-- mCustomScrollbar JS
    ============================================ -->
<script src="/static/js/scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="/static/js/scrollbar/mCustomScrollbar-active.js"></script>
<!-- metisMenu JS
    ============================================ -->
<script src="/static/js/metisMenu/metisMenu.min.js"></script>
<script src="/static/js/metisMenu/metisMenu-active.js"></script>
<!-- data table JS
    ============================================ -->
<script src="/static/js/data-table/bootstrap-table.js"></script>
<script src="/static/js/data-table/tableExport.js"></script>
<script src="/static/js/data-table/data-table-active.js"></script>
<script src="/static/js/data-table/bootstrap-table-editable.js"></script>
<script src="/static/js/data-table/bootstrap-editable.js"></script>
<script src="/static/js/data-table/bootstrap-table-resizable.js"></script>
<script src="/static/js/data-table/colResizable-1.5.source.js"></script>
<script src="/static/js/data-table/bootstrap-table-export.js"></script>
<!--  editable JS
    ============================================ -->
<script src="/static/js/editable/jquery.mockjax.js"></script>
<script src="/static/js/editable/mock-active.js"></script>
<script src="/static/js/editable/select2.js"></script>
<script src="/static/js/editable/moment.min.js"></script>
<script src="/static/js/editable/bootstrap-datetimepicker.js"></script>
<script src="/static/js/editable/bootstrap-editable.js"></script>
<script src="/static/js/editable/xediable-active.js"></script>
<!-- Chart JS
    ============================================ -->
<script src="/static/js/chart/jquery.peity.min.js"></script>
<script src="/static/js/peity/peity-active.js"></script>
<!-- tab JS
    ============================================ -->
<script src="/static/js/tab.js"></script>
<!-- plugins JS
    ============================================ -->
<script src="/static/js/plugins.js"></script>
<!-- main JS
    ============================================ -->
<script src="/static/js/main.js"></script>
<!-- tawk chat JS
    ============================================ -->
<script src="/static/js/tawk-chat.js"></script>
</body>

</html>